
.archives-container {
  padding: 32px 0;
  flex: 1;
  margin-bottom: 2em;
  float: left;
  width: 70%;
  overflow: hidden;
  background: white;
  min-height: 500px;

  .year {
    font-size: 24px;
    font-weight: bold;
    margin-top: 16px;
    padding: 20px 30px;
    color: #2b2b2b;
  }

  .post {
    padding: 5px 30px;

    h2 {
      display: inline-block;
      width: 100%;
    }

    .post-title {
      font-size: 16px;

      small {
        font-size: 80%;
        float: right;
      }
    }
  }
}

@media (max-width: 600px) {
  .archives-container {
    padding: 16px;
  }
}
